@charset "utf-8";
/*----header---*/
.header{padding: 0.3rem 0.3rem 0.25rem 0.3rem;position: fixed;width: 6.9rem;z-index: 99999; background: url(../images/topbj.jpg) repeat-y;}
.header .logo{float: left;width: 2.28rem;height: 0.72rem;}
.header .hright{float:right;padding-top: 0.1rem;}
.header .hright .hlogin{float: left;margin-right: 0.2rem;width: 0.46rem;height: 0.46rem;}
.header .hright .rt-nav{float: left;width: 0.46rem;height: 0.46rem;}

/*--------下拉导航--------*/
.upnav-dark {background: transparent;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;width: 100%;position: fixed;top:1.27rem;left: 0;right: 0;bottom: 0;overflow: hidden;display: none;}
.upnav-dark.in {height: 100%;z-index: 90001;background: rgba(0, 0, 0, .5);display: block;}
.up-nav{display: none;position:fixed;top: 1.27rem;background-color: #fff;z-index: 90002;width:7.5rem;}
.up-nav .top-upnav{margin: 0.2rem;padding:0.2rem;}
.up-nav .top-upnav a{display: block; float: left;margin-right: 0.45rem;}
.up-nav .top-upnav a:last-child{margin-right: 0rem;}
.up-nav .top-upnav a img{width: 0.97rem;height: 0.97rem;}
.up-nav .top-upnav a p{text-align: center;font-size: 0.24rem;color:#333;margin-top: 0.18rem;}
.up-nav .more-nav{margin-bottom: 0.2rem;}
.up-nav .more-nav h3{text-align: center;font-size: 0.24rem;color:#8a8a8a;margin:0 2.9rem -0.38rem 2.9rem;letter-spacing: 0.03rem; background-color: #fff;z-index: 999;position: relative;}
.up-nav .more-nav ul{margin:0.2rem;border-top: 1px solid #e3e3e3;padding-top: 0.5rem;}
.up-nav .more-nav ul a{display: block;float: left;text-align: center;margin-bottom: 0.2rem; border-radius: 0.1rem;padding:0.16rem 0 0.18rem 0; font-size: 0.24rem;color:#626262;background-color: #f3f5f8;width: 1.62rem;margin-right: 0.2rem;}
.up-nav .more-nav ul a:nth-child(4n){margin-right: 0rem;}
.up-nav .more-nav ul a:hover{background-color: #d4e6ff;}
/*三图*/
.up-nav .up-img h3{text-align: center;font-size: 0.24rem;color:#8a8a8a;margin:0 2.9rem -0.38rem 2.9rem;letter-spacing: 0.03rem; background-color: #fff;z-index: 999;position: relative;}
.up-nav .up-img ul{margin:0.2rem;border-top: 1px solid #e3e3e3;padding-top: 0.5rem;}
.up-nav .up-img{margin-bottom: 0.2rem;}
.up-nav .up-img a{float: left;margin-right: 0.19rem;width: 2.23rem;border-radius: 0.05rem;}
.up-nav .up-img a:last-child{margin-right: 0;}
.up-nav .up-img a img{width: 2.23rem;border-radius: 0.05rem;}

/*--topnav---*/
.topnav{overflow-x: scroll;white-space: nowrap;margin:0rem;padding-top: 1.3rem;padding-bottom: 0.1rem;  background: url(../images/topbj.jpg) repeat-y;}
.topnav ul li{display: table-cell;margin-right: 0.5rem;padding: 0.1rem 0rem;text-align: center;display: table-cell;box-sizing: border-box;min-width: 1.25rem;line-height: 1.5em;}
.topnav ul li a{color:#fff;font-size: 0.34rem;}
.topnav ul .on{padding-top: 0rem;background:url(../images/nav-on.png)no-repeat no-repeat;background-position: 50% 100%;background-size: 0.39rem 0.06rem;}
.topnav ul .on a{font-size: 0.45rem;font-weight: bold;}

/*----all--banner--------*/
#allbanner{position: relative;height: 3.8rem;width: 7.5rem;margin: 0rem;}
#allbanner .hd{position: absolute; bottom: 0.2rem;text-align:center;width:7.5rem;}
#allbanner .hd .on{background-color: #0095ff;width: 0.4rem;}
#allbanner .hd ul{display:inline-block;}
#allbanner .hd ul li{float: left;margin-right: 0.12rem;background-color: #fff; border-radius: 0.2rem;width: 0.2rem;height: 0.07rem;transition:all 0.5s ease;cursor: pointer;}
#allbanner img{width:7.5rem;height: 3.8rem;}

/*---topsearch---*/
.topsearchbj{margin: 0 auto;padding: 0.25rem 0.2rem;background-color: #FFFFFF}
.topsearch{width: 7.1rem;height: 0.8rem;background-color: #f0f4f6;border-radius: 0.4rem;}
.topsearch i{float: left; width: 0.33rem;height: 0.33rem;margin:0.24rem 0rem 0rem 0.28rem;}
.topsearch i img{width: 0.33rem;height: 0.33rem;}
.topsearch input{float: left;font-size: 0.28rem; margin:0.24rem 0.2rem 0rem 0.2rem;background-color:#f0f4f6;outline:none;border:none;width: 4.70rem;}
.topsearch input::-webkit-input-placeholder{color:#b4b4b4;}
.topsearch input:focus{outline:none;}
.topsearch button{font-size: 0.28rem;margin-top: 0.08rem; background: linear-gradient(-90deg, #0077cc 0%, #2798e8 100%);color:#fff; cursor: pointer; width: 1.3rem;padding-bottom: 0.05rem; height: 0.65rem;border: none;border-radius: 0.35rem;}
.topsearch button:focus{outline:none;background: linear-gradient(90deg, #0a69ad 0%, #147cc6 100%);}

/*--——————品牌页使用——————————--*/

.sp-top{background: url(../images/sp-back.jpg);background-size: 100% 100%;height: 1rem;position: fixed;z-index: 99999;width: 7.5rem;}
.sp-top .return{float: left;margin:0.3rem 0rem 0rem 0.25rem;width: 0.23rem;}
.sp-top h2{text-align: center;color:#fff;font-size: 0.38rem;padding-top:0.2rem;}
.sp-top .sptop-r{float: right;margin-top: -0.56rem;}
.sp-top .sptop-r a{float: left;margin-right: 0.2rem;}
.sp-top .sptop-r i{color: #FFFFFF; font-size: 0.4rem; font-weight: bold;}
.sp-top .sptop-r a img{width: 0.37rem;height: 0.37rem;margin-top:0.1rem;}

.ppupnav-dark {background: transparent;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;width: 100%;position: fixed;top:1rem;left: 0;right: 0;bottom: 0;overflow: hidden;display: none;}
.ppupnav-dark.in {height: 100%;z-index: 90001;background: rgba(0, 0, 0, .5);display: block;}
.ppup-nav{display: none;position:fixed;top: 1rem;background:linear-gradient(90deg, #3d4ccd 0%, #007bd9 100%);z-index: 90002;width:7.5rem;}
.ppup-nav .pp-nav{margin: 0.2rem;padding:0.2rem 0.2rem 0 0.2rem;}
.ppup-nav .pp-nav a{display: block; float: left;margin-right: 0.45rem;margin-bottom: 0.2rem;}
.ppup-nav .pp-nav a:nth-child(5n){margin-right: 0rem;}
.ppup-nav .pp-nav a img{width: 0.97rem;height: 0.97rem;}
.ppup-nav .pp-nav a p{text-align: center;font-size: 0.24rem;color:#fff;margin-top: 0.18rem;}

/*---品牌topsearch---*/
.pptopsearchbj{margin: 0 auto;padding: 0.25rem 0.2rem 0 0.2rem;}
.pptopsearch{width: 7.1rem;height: 0.8rem;background-color: #f0f4f6;border-radius: 0.4rem;}
.pptopsearch i{float: left; width: 0.33rem;height: 0.33rem;margin:0.24rem 0rem 0rem 0.28rem;}
.pptopsearch i img{width: 0.33rem;height: 0.33rem;}
.pptopsearch input{float: left;font-size: 0.28rem; margin:0.24rem 0.2rem 0rem 0.2rem;background-color:#f0f4f6;outline:none;border:none;width: 4.70rem;}
.pptopsearch input::-webkit-input-placeholder{color:#b4b4b4;}
.pptopsearch input:focus{outline:none;}
.pptopsearch button{font-size: 0.28rem;margin-top: 0.08rem; background: linear-gradient(-90deg, #0077cc 0%, #2798e8 100%);color:#fff; cursor: pointer; width: 1.3rem;padding-bottom: 0.05rem; height: 0.65rem;border: none;border-radius: 0.35rem;}
.pptopsearch button:focus{outline:none;background: linear-gradient(90deg, #0a69ad 0%, #147cc6 100%);}
/*更多频道*/
.pptop-upnav{padding:0 0.2rem 0.2rem 0.2rem;}
.pptop-upnav h3{text-align: center;font-size: 0.24rem;color:#ffffff;background: linear-gradient(90deg, #2460d2 0%, #1967d4 100%); margin:0 2.9rem -0.38rem 2.9rem;letter-spacing: 0.03rem;z-index: 999;position: relative;}
.pptop-upnav ul{margin:0.2rem;border-top: 1px solid #e3e3e3;padding-top: 0.5rem;}
.pptop-upnav ul a{display: block; float: left;margin-right: 0.45rem; color: #FFFFFF}
.pptop-upnav ul a:last-child{margin-right: 0rem;}
.pptop-upnav ul a img{width: 0.97rem;height: 0.97rem;}
.pptop-upnav ul a p{text-align: center;font-size: 0.24rem;color:#FFFFFF;margin-top: 0.18rem;}








/*--——————————————————————————————————————————————————————————————————--*/


.header-bg{background-color: #fff;padding-bottom: 0.2rem;}
.top{height: 3rem; background: url(../images/top-back.png) no-repeat no-repeat;background-size: 100% 100%;}
.top2{padding:0.3rem;background: url(../images/top-back2.jpg) no-repeat no-repeat;background-size: 100% 100%;}

/*--------banner--------*/
#banner{position: relative;height: 3.5rem;width: 7.3rem;;margin: -0.7rem 0.1rem 0rem 0.1rem;}
#banner .hd{position: absolute; bottom: 0.2rem;left: 44%;}
#banner .hd .on{background-color: #0095ff;width: 0.4rem;}
#banner .hd ul li{float: left;margin-right: 0.12rem;background-color: #fff; border-radius: 0.2rem;width: 0.2rem;height: 0.07rem;transition:all 0.5s ease;cursor: pointer;}
#banner img{width:7.3rem;height: 3.5rem;border-radius: 0.1rem;}

.top2{padding:0.3rem; height: 1.6rem;background: url(../images/top-back2.jpg) no-repeat no-repeat;background-size: 100% 100%;}


/*----------------Э������ҳ----------------*/
.news-top{background: url(../images/sp-back.jpg);background-size: 100% 100%;height: 1rem;}
.news-top .return{float: left;margin:0.3rem 0rem 0rem 0.2rem;width: 0.23rem;}
.news-top h2{text-align: center;color:#fff;font-size: 0.38rem;padding-top:0.2rem;}
.news-top .newstop-r{float: right;margin: 30px 12px 0px 0px;}
.news-top .newstop-r a{float: left;margin-right: 0.2rem;}
.news-top .newstop-r a img{width: 0.37rem;height: 0.37rem;}
.news-tpbar{float: left;margin: 0.2rem 0rem 0rem 0.25rem;}
.news-tpbar img{float: left; width: 1.8rem;height: 0.57rem;}
.news-tpbar p{float: left; color:#0d71d7;margin: 5px 0px 0px 10px; text-align: center; background-color: #fff;width: 1.3rem;height: 0.4rem;padding-top: 0.04rem; font-size: 0.22rem;font-weight: bold;border-radius: 0.2rem;}